<html> 
<head> 
<title>camera</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8"> 
 
<script type="text/javascript" src="lessonJs/glMatrix-0.9.5.min.js"></script> 
<script type="text/javascript" src="lessonJs/webgl-utils.js"></script>
  
 
<script id="shader-fs" type="x-shader/x-fragment"> 
    #ifdef GL_ES
    precision highp float;
    #endif
 
    varying vec2 vTextureCoord;
	
    uniform sampler2D uSampler;
	
    void main(void) {
        gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.s, vTextureCoord.t));
    }
</script> 
 
<script id="shader-vs" type="x-shader/x-vertex"> 
    attribute vec3 aVertexPosition;
    attribute vec2 aTextureCoord;
 
    uniform mat4 uMVMatrix;
    uniform mat4 uPMatrix;
 
    varying vec2 vTextureCoord;
 
 
    void main(void) {
        gl_Position = uPMatrix * uMVMatrix * vec4(aVertexPosition, 1.0);
        vTextureCoord = aTextureCoord;
    }
</script> 
<script type="text/javascript" src="diy.js/camera.js"></script>
</head> 
 
 
<body onload="webGLStart();"> 
    <canvas id="lesson04-canvas" style="border: none;" width="500" height="500"></canvas> 
	  
	<div id="loadingtext">Loading world...</div>
 
    <br/>
       使用方向键或WASD移动，使用 <code>Page Up</code>键和<code>Page Down</code> 键来上看下看。
 
    <br/>
</body> 
 
</html> 